body{
  width:100%;
  height:100%;
  padding-bottom:60px;
  font-family:Microsoft YaHei;
}
a{

  text-decoration: none;
  &:hover,&:active,&:visited{
    text-decoration: none;
  }

}
ul{
  padding:0;
}
li{
  list-style: none;
}
.header{
  height:8.5rem;
  line-height:8.5rem;
}
.header-l i{
  color:#78bf30;
  font-size:4.3rem;
  top:1.5rem;
}
.header-c{
  text-align:center;
}
.header-r{
  text-align:right;
}
.content{
  clear:both;


  a{
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
  }
  nav{
    background:#131313;
    height:5rem;
    line-height:5rem;
    overflow:hidden;
    position:relative;
    width:100%;
    a{
      padding:0rem 0.4rem;
      font-size:1.9rem;
      color:#ccc;

    }
    :last-child a{
      padding-right:0;
    }
    .active{
      color:#78bf30;
      padding-bottom:1.4rem;
      border-bottom:0.3rem solid #78bf30;
      }
    .wrapperIndexActivity{ width:100%;height:100%;position:relative; z-index:1;overflow:hidden;display: block;}
    .wrapperIndexActivity .scrollerActivity{ height:100%; float:left; width:900px;padding:0;overflow:hidden;}
    .wrapperIndexActivity .scrollerActivity ul li {-webkit-box-sizing:border-box;  display:block; height:100%; float:left;margin:0 1rem;}
  }
.big-img{
  width:100%;
  height:auto;
  padding:0.5% 0;
}
  .nav-box{
    width:690px;
    position:absolute;
    top:0;
    left:1rem;
  }
}
.banner img,.list-img img{
  width:100%;
  height:100%;
}
.list-img{
  background:#f0f0f0;
  h3{
    font-size:2rem;
    line-height:20px;
    margin:1rem 0;
    border-left:0.4rem solid #78bf30;
    padding:0 0.5rem;
  }
  div{
    padding:0;
  }

  .list-img-r{
    padding:0 0 0 0.6%;
    div{
      display:block;width:100%;margin-right:2.1277%;margin-bottom:1%;
    }
    .img-bot{
     margin-bottom:0;
    }
    :last-child{
      padding:0;
    }
  }
  hr{
    border:0.1rem solid #ddd;
    margin:0;
  }
  p{
    width:100%;
    padding:1rem;
    margin:0;
  }
  span {
    color:#78bf30;
    padding:1rem;
    display:block;
  }
  strong{
    font-size:2rem;
  }
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
  display:inline-block;
}
.appliance,.fresh,.hardware{
  .list-img-l{
    background:#fff;
    display:inline-block;
    width:49.7%;
    margin-right:0.5%;
    p{
      a{
        color:#666;
      }
    }
  }
  :nth-child(2n){
    margin-right:0;
  }
  div:nth-child(3) {
    margin-top:1%;
  }
  div:nth-child(4) {
    margin-top:1%;
  }
}
.footer{
  position:fixed;
  bottom:0;
  left:0;
  background:#fff;
  width:100%;
  height:auto;
  border-top:0.2rem solid #78bf30;
  ul{
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    li{
     display:inline-block;
      width:19%;
      text-align:center;
      padding:5px 0;
      i{
        display:block;
        font-size:2rem;
        color:#78bf30;
        padding-bottom:0.3rem;
      }
      a{
        color:#666;
        display:inline-block;
        width:100%;
        height: 100%;
      }
    }
  }
}
.carousel-indicators{
  margin-left:0;
  left:86.8%;
  width:auto;
  bottom:3.4rem;
  li{
    text-indent:0;
    width:2rem;
    height:2rem;
    border-radius:2rem;
    background:#666666;
    border:1px solid #666666;
    color:#fff;
  }
  .active{
    width:2rem;
    height:2rem;
    border-radius:2rem;
    background:#45b035;
    border:1px solid #45b035;
  }
}
@media screen and (max-width: 768px) {
  .carousel-indicators{
    left:74.5%;
    bottom:0.5rem;
  }
}
@media screen and (max-width: 320px) {
  .carousel-indicators{
    left:68.5%;
    bottom:0.5rem;
  }
}
.top{
  width:4rem;
  height:4rem;
  position:fixed;
  bottom:76px;
  right:20px;
  display:none;
}